<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="css/style_m.css" rel="stylesheet" />
		<link href="css/title_m.css" rel="stylesheet" />
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<style>
			.mui-btn.mui-active:enabled, .mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active, input[type=button].mui-active:enabled, input[type=button]:enabled:active, input[type=reset].mui-active:enabled, input[type=reset]:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{background:#ffba00;color:#fff;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">全部订单</h1>
		</header>
		<div class="mui-content unpayment">
			<ul class="mui-table-view">
				<p class="state"><span class="state_l">2018-11-06 00:00:00</span><span class="state_r">交易完成</span></p>
				<li class="mui-table-view-cell mui-media">
					<a href="order_detail_m.html">
						<img class="mui-media-object mui-pull-left" src="images/prc.png">
						<div class="mui-media-body">
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？可是，打呼噜怎么办？可是，打呼噜怎么办？可是，打呼噜怎么办？可是，打呼噜怎么办？可是，打呼噜怎么办？</p>
							<div class="pay_money mr10"><span>共</span><b>1</b><span>件商品</span>&nbsp;<span>需付款：</span><font color="#dc4a3a">￥238.00</font></div>
						</div>
					</a>
				</li>
				<button class="mui-btn mui-btn-outlined mui-pull-right mr10">再次购买</button>
				<div style="clear:both;"></div>
			</ul>
			<ul class="mui-table-view">
				<p class="state"><span class="state_l">2018-11-06 00:00:00</span><span class="state_r">待收货</span></p>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/prc.png">
						<div class="mui-media-body">
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<div class="pay_money mr10"><span>共</span><b>1</b><span>件商品</span>&nbsp;<span>需付款：</span><font color="#dc4a3a">￥238.00</font></div>
						</div>
					</a>
				</li>
				<button class="mui-btn mui-btn-outlined mui-pull-right mr10">查看物流</button>
				<div style="clear:both;"></div>
			</ul>
			<ul class="mui-table-view">
				<p class="state"><span class="state_l">2018-11-06 00:00:00</span><span class="state_r">等待付款</span></p>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="images/prc.png">
						<div class="mui-media-body">
							<p class='mui-ellipsis-2'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
							<div class="pay_money mr10"><span>共</span><b>1</b><span>件商品</span>&nbsp;<span>需付款：</span><font color="#dc4a3a">￥238.00</font></div>
						</div>
					</a>
				</li>
				<button class="mui-btn mui-btn-outlined mui-pull-right mr10">去支付</button>
				<div style="clear:both;"></div>
			</ul>
		</div>
	</body>

</html>